@charset "UTF-8";
/**
 * Created by kroyo on 2018/03/23
 * datalist-detail  列表数据详情
 */
/**
 * Created by kroyo on 2017/10/19.
 * minxin 公共块
 */
.btn {
  width: auto;
  min-width: 100px;
  padding: 0 12px; }

.nodata-line {
  width: 100%;
  height: 80px;
  line-height: 80px;
  color: #cccccc;
  font-size: 16px;
  font-weight: bold;
  text-align: center; }

.radio-wrap {
  display: inline-block; }
  .radio-wrap input {
    display: none; }
  .radio-wrap label {
    cursor: pointer;
    font-size: 14px;
    color: #666666;
    vertical-align: middle;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
  .radio-wrap .check {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    vertical-align: -2px; }
    .radio-wrap .check:after {
      position: absolute;
      top: 25%;
      left: 25%;
      display: block;
      content: '';
      width: 50%;
      height: 50%;
      background-color: transparent;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
    .radio-wrap .check:before {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      content: '';
      width: 100%;
      height: 100%;
      border: 1px solid #dddddd;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      box-sizing: border-box;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s;
      transition: all 0.4s; }
  .radio-wrap:hover label {
    color: #00a0e9; }
  .radio-wrap:hover .check:before {
    border-color: #00a0e9; }
  .radio-wrap input:checked ~ label {
    color: #00a0e9; }
    .radio-wrap input:checked ~ label .check:after {
      background-color: #00a0e9; }
    .radio-wrap input:checked ~ label .check:before {
      border-color: #00a0e9; }

.main-right {
  padding: 0; }
  .main-right .contentbg {
    padding: 30px; }

.tab-view {
  display: none;
  margin-bottom: 20px; }

.status-view {
  display: block;
  padding: 22px 30px;
  margin-top: 20px;
  border: 1px solid #eeeeee; }
  .status-view .view-left {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    vertical-align: middle; }
    .status-view .view-left .status {
      color: #00a0e9;
      font-size: 14px; }
    .status-view .view-left .text {
      color: #999999;
      font-size: 12px; }
      .status-view .view-left .text a {
        color: #00a0e9; }
  .status-view .view-right {
    float: right;
    height: 30px;
    font-size: 0;
    margin-top: 5px; }
    .status-view .view-right .btn {
      margin-left: 20px; }
      .status-view .view-right .btn:first-child {
        margin-left: 0; }
    .status-view .view-right span {
      display: inline-block;
      width: auto;
      line-height: 30px;
      color: #666666;
      font-size: 12px; }
    .status-view .view-right .timer {
      color: #ee0003; }

.status-middle {
  font-size: 0; }
  .status-middle .view-left {
    min-width: 260px;
    white-space: normal; }
    .status-middle .view-left .status {
      margin-bottom: 5px; }
  .status-middle .view-right {
    float: none;
    display: inline-block;
    max-width: 370px;
    vertical-align: middle; }
    .status-middle .view-right .btn {
      float: right; }

.milestone-view {
  padding: 30px 30px 20px;
  margin-top: 30px;
  border: 1px solid #eeeeee; }

.view-flow {
  position: relative; }
  .view-flow .chart {
    position: relative;
    float: left;
    width: calc(100%/3);
    text-align: center; }
    .view-flow .chart div {
      width: 18px;
      height: 18px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      background-color: #dddddd;
      margin: 0 auto 5px; }
      .view-flow .chart div:before {
        position: absolute;
        top: 7px;
        left: calc((18px - 100%)/2);
        display: block;
        content: '';
        width: calc(100% - 18px);
        height: 4px;
        background-color: #dddddd; }
    .view-flow .chart span {
      font-size: 14px;
      color: #999999; }
  .view-flow .chart:first-of-type div:before {
    display: none; }
  .view-flow .chart.under div {
    border: 5px solid #00a0e9;
    background-color: transparent; }
    .view-flow .chart.under div:before {
      background-color: #00a0e9; }
  .view-flow .chart.active div {
    border: none;
    background: url(../img/list/icon-gou.png) no-repeat center;
    background-color: #00a0e9; }
    .view-flow .chart.active div:before {
      background-color: #00a0e9; }

.view-text {
  margin-top: 40px; }
  .view-text .item {
    margin-bottom: 18px; }
    .view-text .item:first-of-type .left:before {
      display: none; }
  .view-text .item.active .left {
    width: 16px;
    background: url(../img/list/icon-tlable.png) no-repeat center;
    -webkit-border-radius: initial;
    -moz-border-radius: initial;
    border-radius: initial;
    margin-right: 24px; }
  .view-text .left {
    position: relative;
    float: left;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #cccccc;
    margin-right: 30px;
    margin-top: 1px; }
    .view-text .left:before {
      position: absolute;
      top: -40px;
      left: 4px;
      display: block;
      content: '';
      width: 2px;
      height: 40px;
      background-color: #cccccc; }
  .view-text .right {
    float: left;
    font-size: 0; }
    .view-text .right .text {
      line-height: 12px;
      color: #666666;
      font-size: 12px; }
    .view-text .right .time {
      margin-bottom: 8px; }

.detailview {
  margin-top: 20px; }
  .detailview .view-header {
    position: relative;
    font-size: 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #eeeeee; }
    .detailview .view-header h2 {
      height: 18px;
      line-height: 18px;
      color: #333333;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 30px;
      padding-right: 100px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      -ms-text-overflow: ellipsis; }
    .detailview .view-header p {
      display: inline-block;
      width: 50%;
      color: #666666;
      font-size: 14px;
      line-height: 14px; }
  .detailview .data-item {
    margin-top: 20px;
    margin-bottom: 40px; }
    .detailview .data-item h4 {
      color: #333333;
      font-size: 16px;
      font-weight: normal; }
    .detailview .data-item .num {
      display: inline-block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      color: #ffffff;
      text-align: center;
      background-color: #00a0e9;
      margin-right: 10px; }
    .detailview .data-item .item-li {
      line-height: 14px;
      font-size: 0;
      margin-top: 30px;
      margin-left: 20px; }
    .detailview .data-item .label {
      display: inline-block;
      width: 120px;
      color: #666666;
      font-size: 14px;
      vertical-align: top; }
    .detailview .data-item .text {
      display: inline-block;
      width: auto;
      max-width: 500px;
      color: #333333;
      font-size: 14px;
      word-break: break-all;
      word-wrap: break-word; }
    .detailview .data-item img {
      width: 100px;
      height: 100px;
      margin-top: 20px; }
  .detailview .btn-wrapper {
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px; }
    .detailview .btn-wrapper .btn {
      width: 160px;
      height: 40px;
      line-height: 40px;
      border: none;
      font-size: 14px; }

.site-window .container .win-content {
  width: 580px;
  margin-left: 330px; }

.site-window .item-right {
  display: inline-block;
  width: 380px; }

.site-window .form-item .inputtext {
  width: 380px; }

.win-addlinks .form-item .label {
  width: 120px; }
